<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>韩式半永久韩式仿生眉</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<body id="mybody">

</body>
<script type="text/html" id="bodyTpl">
    <div class="container">
        <header class="header">
        <div class="left">已有<span class="have-number">236</span>人正在热抢(还剩：<span class="leave-number">3</span>)</div>
    <div class="right right-notice">参与须知</div>
        </header>

        <section>
        <div class="banner">
        <div id="main" class="banner-img"><img data-name="main" src="img/banner.jpg" alt="" /></div>
        <div class="banner-bottom">活动已结束，欢迎下次再参与!</div>
    </div>
    <div class="goods-wrap">
        <div id="" class="goods-title"><%=data.activity.name%></div>
    <div class="goods-bottom">
        <div id="price" class="old-price left">原价： <span>¥ <%=data.activity.price%></span></div>
    <div id="buttonPrice" class="new-price right">底价： <span>¥ <%=data.activity.buttonPrice%></span></div>
    </div>
    </div>
    <div class="cut-price">
        <div class="title-pos">
        <div class="pos-line"></div>
        <div class="pos-title"><span class="cut-name">窝不怕</span>的砍价</div>
        </div>
        <div class="cut-person">
        <div class="per-left left">
        <div class="per-img"><img src="img/head2.jpg" alt="" /></div>
        </div>
        <div class="per-right right">
        <div class="right-top">已有两个小伙伴帮<span class="cut-name per-name">窝不怕</span>砍价，已砍到
    <span class="price">1,590.40</span>元！
    </div>
    <div class="right-bottom">
        <span class="left left-text">砍价进度：</span>
    <div class="progress right-bar right">
        <div class="progress-bar left">
        <div id="progress" class="bar-in"></div>
        </div>
        <div class="percent right">10%</div>
        </div>

        </div>
        </div>
        </div>
        <div class="cut-help">
        <div class="help-top">
        <div class="help-btn left">
        <div class="help-inner">
        <p class="">刀图</p>
        <p>帮Ta砍一刀</p>
        </div>
        </div>
        <div class="follow-btn right">
        <div class="follow-inner">
        <p>人物图</p>
        <p>一键关注</p>
        </div>
        </div>
        </div>
        <div class="help-bottom">
        <div class="join-btn">
        <p>博士图</p>
        <p>我也参与</p>
        </div>
        </div>
        </div>
        <div class="tel-number">联系方式： <span><%=data.activity.phone%></span></div>
    </div>
    <div class="detail">
        <div class="title-pos">
        <div class="pos-line"></div>
        <div class="pos-title">产品详情</div>
        </div>
        <div class="detail-content">
        <div class="cont-title"><%=data.activity.name%></div>
    <div class="cont-text">
        <p> 时间：
    <span id="strintTime" data-name="startTime"><%=data.activity.startTime%></span>
    <span id="endTime" data-name="endTime"><%=data.activity.endTime%></span>
    </p>
    <p>地址：<span id="address"><%=data.activity.address%></span> </p>
        </div>
        </div>
        <div class="detail-text">
        <div id="instructions" data-name="instructions" class="text-top">
        <span class="dt-title color-green"><%=data.activity.shopName%></span>
        <p>
        <span class="color-green font-big">如花家</span>韩式半永久<span class="color-green font-big">粉黛仿生眉</span>价值
        <span class="color-red font-big">1680元</span><span class="color-green font-big">开业</span>
        与<span class="color-green font-big">双11</span>同庆只需<span class="color-red font-big">11.11元</span>！
    <span class="color-blue">38次</span>即可砍到底价！
    </p>
    <p>
    如花家<span class="color-green font-big">开业</span>与<span class="color-green font-big">双11</span>同庆！
    为了让单身的姐妹能在双11美美的脱单和爱美的你更美如花家用行动支持你们！
    </p>

    </div>
    <div id="instructions2" data-name="instructions2" class="text-bottom">
        <ul>
        <li>剩余名额在左上角：<span class="leave-wrap">(还剩：<span class="leave-number">3</span>)</span>，
    当你砍到 <span class="color-red">11.11元</span>时请马上点击 <span class="color-red">立即购买</span>按钮购买！购买才有效！</li>
    <li>1、本次活动砍到<span class="color-red">11.11元</span>才可以购买！</li>
    <li>2、<span class="color-green">购买后请立即联系我们预约！</span></li>
    <li>3、预约电话：<span id="phone" data-name="phone">18058121354</span></li>
        </ul>
        </div>
        </div>
        </div>
        <div class="erweima">
        <div class="title">扫一扫加我预约</div>
        <div id="shopewm" class="er-img"><img data-name="shopewm" src="http://localhost/activity/img?url=<%=data.activity.shopewm%>" alt="" /></div>
        </div>
        <div class="works">
        <div class="title">我的作品</div>
        <div class="works-img"><img src="img/work1.jpg" alt="" /></div>
        </div>
        <div class="around">
        <div class="title">我们的环境</div>
        <div class="around-img"><img src="img/around1.jpg" alt="" /></div>
        </div>
        <div class="more-detail">更多详情</div>
        <div class="copyright">
        <p>Copyright © 2015</p>
    <p>如花家 版权所有</p>
    </div>
    </section>
    </div>

    <div style="display: none" class="container">
        <ul class="container2">
        <li>
        <div class="rank-number left">1</div>
        <div class="rank-img left"><img src="img/person.jpg" alt="" /></div>
        <div class="rank-name left">曹鑫</div>
        <div class="rank-price right">11.11元</div>
    </li>
    <li>
    <div class="rank-number left">1</div>
        <div class="rank-img left"><img src="img/person.jpg" alt="" /></div>
        <div class="rank-name left">曹鑫</div>
        <div class="rank-price right">11.11元</div>
    </li>
    </ul>
    <div class="copyright">
        <p>Copyright © 2015</p>
    <p>如花家 版权所有</p>
    </div>
    </div>

    <div style="display: none" class="container">
        <div class="container3">
        没有更多内容了
        </div>
        <div class="copyright">
        <p>Copyright © 2015</p>
    <p>如花家 版权所有</p>
    </div>
    </div>

    <footer class="footer-wrap">
        <ul class="footer">
        <li>
        <div>
        <div class="footer-icon">首页图</div>
        <div class="footer-text">首页</div>
        </div>

        </li>
        <li>
        <div>
        <div class="footer-icon">排行榜图</div>
        <div class="footer-text">排行榜</div>
        </div>
        </li>
        <li>
        <div>
        <div class="footer-icon">人物图</div>
        <div class="footer-text">我的</div>
        </div>
        </li>
        </ul>
        </footer>
        <div class="notice">
        <div class="notice-title">参与须知 <span class="close">×</span></div>
    <ul id="rules" class="notice-list" data-name="rules">
        <li>1、点击【帮TA砍一刀】可以帮好友砍价，只能砍一次</li>
    <li>2、点击【我也参与】即可参与活动进入您的砍价页面</li>
    <li>3、点击【邀请好友砍价】然后分享给朋友，然后你懂的……</li>
    <li>4、本次活动必须砍到底价11.11才能购买。</li>
    <li>5、点击【立即购买】可以查看宝贝详情并直接购买。</li>
    <li>6、点击【首页】可以查看当日所有的砍价活动。</li>
    <li>7、点击【排行榜】可以查看当前活动砍到的价格排行。</li>
    <li>8、所有砍价活动的产品库存都是有限的，先到先得。</li>
    </ul>
    <div class="notice-bottom">
        <div class="bot-title">
        活动提示：
    </div>
    <ul class="bot-list">
        <li>1、活动过程中，凡以不正当手段（作弊、恶意套现、虚假交易、扰乱系统、实施网络攻击等）参与活动的用户，本公众号有权终止其参与活动，并取消购买资格。</li>
    <li>2、活动问题请联系商家，活动解释权在法律规定的范围内归商家所有。</li>
    </ul>
    </div>
    </div>
</script>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/artTemplate.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</html>